/* 重置样式 —— 清除浏览器的默认样式 */

body {
    margin: 0;
    /* 根据设计稿大部分文本样式 */
    font: 14px/1 "微软雅黑";
}

strong,
b {
    font-weight: normal;
}

em,
i {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    /* 父元素多大它就多大 */
    font-size: 100%;
}

ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

dl,
dd,
p {
    margin: 0;
}

img {
    /* 去除ie中图片链接的边框 */
    border: none;
    /* 去除图片间隙 */
    vertical-align: middle;
}

del {
    text-decoration: none;
}

a {
    text-decoration: none;
    /* 根据设计稿 */
    color: #565656;
}

input,
textarea {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

textarea {
    /* 禁止用户重置大小 */
    resize: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}


/*
为什么要清除浏览器默认样式
1.不同浏览器的默认样式不同，为了保证跨浏览器的一致性，先清除默认样式，再根据需要自定义样式
2.默认样式影响后续布局

哪些样式需要重置？
    。。。
 */